---
export interface Props {
  title: string;
  class?: string;
}

const { title, class: className = "" } = Astro.props;
---

<div class="w-full p-3">
  <h2 class="text-xl font-bold">{title}</h2>
  <div class="w-full h-[2px] bg-white/30 my-2"></div>
  <div class={`w-full h-full ${className} text-sm`}>
    <slot />
  </div>
</div>
